<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>index</title>
    <link rel="stylesheet" href="layui-v2.5.7/layui/css/layui.css">
    <link rel="stylesheet" href="swiper-5.4.5/package/css/swiper.css">

    <!-- 自己的css文件 -->
    <link rel="stylesheet" href="css/index.css">

    <!-- 数据文件 -->
    <script src="data/data.js"></script>

    <!-- layui中的js文件 -->
    <script src="layui-v2.5.7/layui/layui.js"></script>

    <!-- swiper.js -->
    <script src="swiper-5.4.5/package/js/swiper.js"></script>

    <!-- jQuery文件 -->
    <script src="jquery/jquery1.9/jquery-1.9.0.js"></script>

    <!-- 自己的js文件 -->
    <script src="js/index.js"></script>




</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo"><span><i id="tubiao" class="layui-icon layui-icon-align-left"></i></span>图书管理后台布局</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item">
                    <a href="javascript:;" id="usernameLogin">admin</a>
                </li>
                <li class="layui-nav-item"><a href="login.html">退了</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black" id="cbl">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">用户管理</a>
                        <dl class="layui-nav-child">
                            <dd class="yonghu"><a href="javascript:;">后台用户</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">图书管理</a>
                        <dl class="layui-nav-child">
                            <dd class="booksAdd"><a href="javascript:;">图书添加</a></dd>
                            <dd class="booksSearch"><a href="javascript:;">图书查询</a></dd>
                            <dd class="booksShow"><a href="javascript:;">热销书展示</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 这是默认显示的部分-->
        <div class="layui-body bg" class="main" id="layui-body0">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;" id="rote">
                <div style="padding: 15px;"><span style="color: #999;">用户管理 / </span>后台用户</div>
            </div>
            <div style="padding: 20px; background-color: #F2F2F2; margin-top:-25px;" id="textbody">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="headerHeight layui-card-header ">
                                <div class="layui-form-item">
                                    <div class="wy">
                                        <input type="text" class="layui-input search" placeholder="请输入你的名称">
                                        <div class="bg2" onclick="doSearch()"><i class="layui-icon layui-icon-search bg1"></i></div>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-card-body">
                                <button type="button" class="layui-btn newBtn" onclick="donewUser(this)">新增</button>
                                <button type="button" class="layui-btn layui-btn-danger doDeleteAllBtn">删除全部</button>

                                <table class="layui-hide" id="test"></table>
                                <script type="text/html" id="barDemo">
                                    <div class="site-demo-button">
                                        <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doOpen(this)">修改</button>
                                        <button type="button" class="layui-btn layui-btn-danger center ee" id="ww" onclick="doDelete(this)">删除</button>
                                    </div>
                                </script>
                                <script type="text/html" id="barDemo1">
                                    <div class="site-demo-button">
                                        <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doOpen(this)">修改</button>
                                    </div>
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域
        </div>
    </div>

    <!-- 点击左侧栏后台用户后加载的后台用户页面内容模板 -->
    <script id="demo1" type="text/html">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;" id="rote">
            <div style="padding: 15px;"><span style="color: #999;">用户管理 / </span>后台用户</div>
        </div>
        <div style="padding: 20px; background-color: #F2F2F2; margin-top:-25px;" id="textbody">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="headerHeight layui-card-header ">
                            <div class="layui-form-item">
                                <div class="wy">
                                    <input type="text" class="layui-input search" placeholder="请输入你的名称">
                                    <div class="bg2" onclick="doSearch()"><i class="layui-icon layui-icon-search bg1"></i></div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-card-body">
                            <button type="button" class="layui-btn newBtn" onclick="donewUser(this)">新增</button>
                            <button type="button" class="layui-btn layui-btn-danger doDeleteAllBtn">删除全部</button>

                            <table class="layui-hide" id="test"></table>
                            <script type="text/html" id="barDemo">
                                <div class="site-demo-button">
                                    <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doOpen(this)">修改</button>
                                    <button type="button" class="layui-btn layui-btn-danger center ee" id="ww" onclick="doDelete(this)">删除</button>
                                </div>
                            </script>
                            <script type="text/html" id="barDemo1">
                                <div class="site-demo-button">
                                    <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doOpen(this)">修改</button>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>

    <!-- 点击左侧栏图书添加后加载的图书添加内容模板 -->
    <script id="demo2" type="text/html">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;" id="rote">
            <div style="padding: 15px;"><span style="color: #999;">图书管理 / </span>图书添加</div>
        </div>
        <div style="padding: 20px; background-color: #F2F2F2; margin-top:-25px;" id="textbody">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="headerHeight layui-card-header ">
                            <div class="layui-form-item">
                                <div class="wy">
                                    <input type="text" class="layui-input search" placeholder="请输入图书名字">
                                    <div class="bg2" onclick="doSearchBooksAdd()"><i class="layui-icon layui-icon-search bg1"></i></div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-card-body">
                            <button type="button" class="layui-btn newBtn" onclick="donewBooks()">新增</button>
                            <button type="button" class="layui-btn layui-btn-danger doDeleteAllBtn">删除全部</button>

                            <table class="layui-hide" id="test2"></table>
                            <script type="text/html" id="barDemo">
                                <div class="site-demo-button">
                                    <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doBooksChange(this)">修改</button>
                                    <button type="button" class="layui-btn layui-btn-danger center ee" id="ww" onclick="doBooksDelete(this)">删除</button>
                                </div>
                            </script>
                            <script type="text/html" id="barDemo1">
                                <div class="site-demo-button">
                                    <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doBooksChangePT(this)">修改</button>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>



    <!-- 点击左侧栏图书查询后加载的图书查询页面内容模板 -->
    <script id="demo3" type="text/html">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;" id="rote">
            <div style="padding: 15px;"><span style="color: #999;">图书管理 / </span>图书查询</div>
        </div>
        <div style="padding: 20px; background-color: #F2F2F2; margin-top:-25px;" id="textbody">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="headerHeight layui-card-header ">
                            <div class="layui-form-item">
                                <div class="wy">
                                    <input type="text" class="layui-input search" placeholder="请输入图书名字">
                                    <div class="bg2" onclick="doSearchBooks(this)"><i class="layui-icon layui-icon-search bg1"></i></div>
                                </div>
                            </div>
                        </div>

                        <div class="layui-card-body">
                            <!-- 轮播图 -->
                            <div class="swiper-container" id="slidesDOM">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <img src="" alt="" name="slidesImg">
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="" alt="" name="slidesImg">
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="" alt="" name="slidesImg">
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="" alt="" name="slidesImg">
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="" alt="" name="slidesImg">
                                    </div>
                                    <div class="swiper-slide">
                                        <img src="" alt="" name="slidesImg">
                                    </div>
                                </div>
                                <!-- 如果需要分页器 -->
                                <div class="swiper-pagination"></div>

                                <!-- 如果需要导航按钮 -->
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>

                            </div>
                            <table class="layui-hide" id="test3"></table>
                            <script type="text/html" id="barDemo">
                                <div class="site-demo-button">
                                    <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center " onclick="doOpen(this)">修改</button>
                                    <button type="button" class="layui-btn layui-btn-danger center ee" id="ww" onclick="doDelete(this)">删除</button>
                                </div>
                            </script>
                            <script type="text/html" id="barDemo1">
                                <div class="site-demo-button">
                                    <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal center ">修改</button>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>
    <!-- 点击左侧栏热销书展示后加载的热销书展示页面内容模板 -->
    <script id="demo4" type="text/html">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;" id="rote">
            <div style="padding: 15px;"><span style="color: #999;">图书管理 / </span>热销书展示</div>
        </div>
        <div style="padding: 20px; background-color: #F2F2F2; margin-top:-25px;" id="textbody">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="Bookbox" id="Bookbox">
                                <div class="BookBox_TOP">
                                    <div>
                                        <img src="imgs/books/taoshu01.jpg" alt="">
                                        <div class="text text_1"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">2.7折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu02.jpg" alt="">
                                        <div class="text text_2"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">4.1折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu03.jpg" alt="">
                                        <div class="text text_3"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.1折</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="BookBox_BOTTOM">
                                    <div>
                                        <img src="imgs/books/taoshu04.jpg" alt="">
                                        <div class="text text_4"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.3折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu01.jpg" alt="">
                                        <div class="text text_5"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">2.7折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu02.jpg" alt="">
                                        <div class="text text_6"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">4.1折</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="pageChange">
                                <div class="prev">上一页</div>
                                <div class="page page1 layui-bg-green xuanzhong">1</div>
                                <div class="page page2">2</div>
                                <div class="next">下一页</div>
                            </div>
                            <script id="page2" type="text/html">
                                <div class="BookBox_TOP">
                                    <div>
                                        <img src="imgs/books/taoshu03.jpg" alt="">
                                        <div class="text text_7"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.1折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu04.jpg" alt="">
                                        <div class="text text_8"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.3折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu01.jpg" alt="">
                                        <div class="text text_9"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">2.7折</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="BookBox_BOTTOM">
                                    <div>
                                        <img src="imgs/books/taoshu02.jpg" alt="">
                                        <div class="text text_10"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">1.4折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu03.jpg" alt="">
                                        <div class="text text_11"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.1折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu04.jpg" alt="">
                                        <div class="text text_12"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.3折</div>
                                        </div>
                                    </div>
                                </div>
                            </script>
                            <script id="page1" type="text/html">
                                <div class="BookBox_TOP">
                                    <div>
                                        <img src="imgs/books/taoshu01.jpg" alt="">
                                        <div class="text text_1"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">2.7折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu02.jpg" alt="">
                                        <div class="text text_2"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">4.1折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu03.jpg" alt="">
                                        <div class="text text_3"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.1折</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="BookBox_BOTTOM">
                                    <div>
                                        <img src="imgs/books/taoshu04.jpg" alt="">
                                        <div class="text text_4"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">3.3折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu01.jpg" alt="">
                                        <div class="text text_5"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">2.7折</div>
                                        </div>
                                    </div>
                                    <div>
                                        <img src="imgs/books/taoshu02.jpg" alt="">
                                        <div class="text text_6"></div>
                                        <div class="jg">
                                            <div><span class="span1">团购价</span><span class="span3"></span><span class="span2"></span></div>
                                            <div class="zq">4.1折</div>
                                        </div>
                                    </div>
                                </div>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>

    <script>
        layui.use('table', function() {
            var table = layui.table;
        });
    </script>
    <script>
    </script>
</body>

</html>